// src/routes.ts
import React from 'react';
import 父子参数 from './案例/父向子参数传递.tsx';
import 子父参数 from './案例/子向父参数传递.tsx';
import 兄弟参数 from './案例/兄弟参数传递.tsx';
import 条件渲染 from './pages/条件渲染.tsx';
import 组件卸载 from './pages/组件卸载.tsx';
import 组件Props传参 from './pages/组件Props传参一.tsx';
import 向父组件emit事件 from './pages/向父组件emit事件一.tsx';
import Slot插槽 from './pages/Slot插槽一.tsx';
import 输入框 from './pages/formComponents/输入框.tsx';
import 复选框 from './pages/formComponents/复选框.tsx';
import 单选框 from './pages/formComponents/单选框.tsx';
import 选择器 from './pages/formComponents/选择器.tsx';
import jx组件卸载渲染 from "./案例/useEffect组件渲染更新卸载演示.tsx";
import 使用自定义hook from "./案例/使用checkBox.tsx";

interface Route {
    path: string;
    component: React.ComponentType;
}

const routes: Route[] = [
    {
        path: '/父子参数',
        component: 父子参数
    },
    {
        path: '/兄弟参数',
        component: 兄弟参数
    },
    {
        path: '/子父参数',
        component: 子父参数
    },
    {
        path: '/条件渲染',
        component: 条件渲染
    },
    {
        path: '/组件卸载',
        component: 组件卸载
    },
    {
        path: '/组件Props传参',
        component: 组件Props传参
    },
    {
        path: '/向父组件emit事件',
        component: 向父组件emit事件
    },
    {
        path: '/Slot插槽',
        component: Slot插槽
    },
    {
        path: '/输入框',
        component: 输入框
    },
    {
        path: '/复选框',
        component: 复选框
    },
    {
        path: '/单选框',
        component: 单选框
    },
    {
        path: '/选择器',
        component: 选择器
    },
    {
        path: '/jx组件卸载渲染',
        component: jx组件卸载渲染
    },
    {
        path: '/使用自定义hook',
        component: 使用自定义hook
    }
];

export default routes;
